導(dǎo)讀:公司之前新來了個前端美工,剛剛畢業(yè)只是對代碼的含義上有點了解,對于SEO卻沒有接觸過,所以基本上每做完一套頁面我就要來修改很多地方,在做網(wǎng)站的時候有的美工前端以及程序員網(wǎng)
發(fā)表日期:2020-06-25
文章編輯:興田科技
瀏覽次數(shù):9572
標(biāo)簽:
公司之前新來了個前端美工,剛剛畢業(yè)只是對代碼的含義上有點了解,對于SEO卻沒有接觸過,所以基本上每做完一套頁面我就要來修改很多地方,在做網(wǎng)站的時候有的美工前端以及程序員網(wǎng)站可能做得很熟練,但是有一部分對于SEO優(yōu)化卻不是很了解,所以就會造成一些代碼、標(biāo)簽等運用的不是很規(guī)范,這個時候就需要seo人員來對網(wǎng)頁進行調(diào)整修改了。這也是一名seo人員所要具備的基本素質(zhì)了。當(dāng)然能提前做好這些工作那是知名的,所以小編就給公司新來的前端美工整理了一份關(guān)于代碼方面的一些用法以及講解,現(xiàn)在給大家分享一下。
網(wǎng)頁標(biāo)簽優(yōu)化 網(wǎng)站優(yōu)化
網(wǎng)頁頭部部分:
title標(biāo)記:聲明網(wǎng)頁標(biāo)題(必需要有,title的內(nèi)容即為搜索引擎收錄后,直接顯示的網(wǎng)頁標(biāo)題名稱。并且是優(yōu)化環(huán)節(jié)重要因素,需特別設(shè)計組合,考慮搜索引擎分詞規(guī)則)詞與詞之間用“-”、“_”、“|”來間隔,這三個符號作用相同的,當(dāng)然也可以混合使用,不過要注意美觀。
meta屬性:
Keywords 聲明網(wǎng)頁關(guān)鍵詞(告訴搜索引擎當(dāng)前頁面的關(guān)鍵詞是什么),每個關(guān)鍵詞之間用英文的逗號“,” 分割。
Description 聲明網(wǎng)頁描述,用來表達網(wǎng)站的主要內(nèi)容概述。(Description的內(nèi)容非常重要,并且會在搜索引擎的搜索結(jié)果中顯示,將網(wǎng)站想要展現(xiàn)的重點內(nèi)容以及廣告引導(dǎo)詞等展現(xiàn)出來。建議是200字符以內(nèi))。copyright 聲明網(wǎng)頁版權(quán) author 聲明作者,這兩個主要是用于網(wǎng)頁規(guī)范性,對優(yōu)化影響不大。
css和js等文件要外部調(diào)用,盡量不要直接寫在網(wǎng)頁當(dāng)中,一些剛?cè)胄械那岸丝赡軙裞ss樣式JavaScript等直接寫在當(dāng)前網(wǎng)頁中。
為什么要外部調(diào)用?
1、對于程序維護人員來說,統(tǒng)一的外部調(diào)用可以更方便的來進行修改和維護。
2、對于搜索引擎來說,該部分代碼并無實際意義,影響搜索引擎蜘蛛抓取效率。
3、對于網(wǎng)站速度來說,頁面代碼增多,影響網(wǎng)站速度。
圖片:除幻燈、banner輪播圖等必須直接插入圖片的地方,其他地方圖片盡量用做背景,然后在上面寫上文字。若是某些標(biāo)題部分一定要用圖片則需要在img里面用alt標(biāo)簽申明圖片含義。格式:
為什么?
1、對于用戶來說,網(wǎng)頁圖片越多,用戶打開網(wǎng)頁時所緩存的數(shù)據(jù)就越大,網(wǎng)頁打開速度就越慢。所以盡量用顏色或者小圖片來做背景。
2、對于搜索引擎來說,搜索引擎蜘蛛只認(rèn)識漢字?jǐn)?shù)字英文等字符形式的內(nèi)容,無法識別圖片的內(nèi)容。所以要加alt進行描述。
外部鏈接:
如果網(wǎng)站有外部導(dǎo)出鏈接:例如鏈接到淘寶,QQ空間,微博時。鏈接內(nèi)加入nofollow屬性來阻止向該鏈接傳遞權(quán)重。例如:淘寶。
另外,某些網(wǎng)頁效果會用iframe框架來完成。雖然有的文章說現(xiàn)在百度可以抓取到框架里面的內(nèi)容了。但是無論能否抓取到,反正百度不喜歡這個標(biāo)簽,所以網(wǎng)頁里面盡量不要用框架。
h標(biāo)簽
h1標(biāo)簽申明該網(wǎng)頁重要內(nèi)容。一般每個網(wǎng)頁只有一個h1標(biāo)簽,盡量不要用多個。在頁時h1常用于標(biāo)記網(wǎng)站名稱或主要關(guān)鍵詞,在頻道頁、欄目頁h1標(biāo)簽常用于標(biāo)記頻道頁、欄目頁名稱。在內(nèi)容頁h1標(biāo)簽時常用于標(biāo)記文章名稱。
h2標(biāo)簽可出現(xiàn)多次,常用于導(dǎo)航欄目名稱,或長尾關(guān)鍵詞等。不過也要適度應(yīng)用。
b標(biāo)簽strong標(biāo)簽
這兩個標(biāo)簽的含義是對文字加粗,申明文章中的關(guān)鍵內(nèi)容,這兩個標(biāo)簽含義相同。
網(wǎng)站地圖:分為html地圖以及xml地圖。
html地圖是給用戶看的,體現(xiàn)網(wǎng)站框架目錄,一目了然。
xml地圖也叫sitemap,做優(yōu)化需要有的。是給搜索引擎蜘蛛看的,就如同把網(wǎng)站所有結(jié)構(gòu)頁面做成了一張網(wǎng),蜘蛛可以順利的爬行整個網(wǎng)站。當(dāng)然雖然現(xiàn)在百度出了主動推送,應(yīng)用起來也挺方便。不過360等其他搜索引擎還是看xml地圖的。
404頁面:
當(dāng)網(wǎng)站改版、換程序、換空間、內(nèi)容刪除替換時,會出現(xiàn)一些打不開的頁面,被稱為死鏈接。404頁面可以避免產(chǎn)生死鏈接,并且對于網(wǎng)站訪客來說,也是很好的用戶體驗。
內(nèi)容頁:
通常H1用作內(nèi)容標(biāo)題名稱。文章底部可以加“擴展閱讀”或“相關(guān)文章”等列表。用來增加用戶粘度,并且可以引導(dǎo)搜索引擎蜘蛛爬向更多的頁面。
更多新聞
2020
關(guān)于SEO優(yōu)化技術(shù)有哪些方面?事實上,有關(guān)SEO技術(shù)的分類有很多人經(jīng)常弄混,因為不同的人對SEO的定義不同,SEO技術(shù)我們一般是指SEO是一種技巧,能讓我們說出百度
View details
2020
關(guān)于seo,相信許多做SEO的朋友都跟風(fēng)SEO一樣,會沒事的時候去百度搜索一下“SEO”這個關(guān)鍵詞,看看排名靠前的網(wǎng)站有哪些,其中一個叫“順時”的網(wǎng)站吸引了我,
View details
2020
關(guān)于seo,沒有使用seo的網(wǎng)站會降低自己的價值,使用seo技術(shù)做出來的排名會提高網(wǎng)站的價值,通過個人的專業(yè)技能或團隊的力量來解決如何把關(guān)鍵字排到最好的位
View details
2020
關(guān)于網(wǎng)站優(yōu)化,整站優(yōu)化說白了就是網(wǎng)站的“總管”,它起著承上啟下,溝通協(xié)調(diào),統(tǒng)籌全局的重要作用,還有我們常說的“大家好,真好!”同理,它不僅僅是要把網(wǎng)站優(yōu)化
View details